<template>
    <div>
            <h4>标题{{list.id}}的内容</h4>
            <p class="content">{{list.content}}</p>
            <pre>
            我诗如曹郐，浅陋不成邦。
            公如大国楚，吞五湖三江。
            赤壁风月笛，玉堂云雾窗。
            句法提一律，坚城受我降。
            枯松倒涧壑，波涛所舂撞。
            万牛挽不前，公乃独力扛。
            诸人方嗤点，渠非晁张双。
            但怀相识察，床下拜老庞。
            小儿未可知，客或许敦厖。
            诚堪婿阿巽，买红缠酒缸</pre>
            <br>
            <br>
            <br>
            <br>
            <comment></comment>
    </div>
</template>

<script>
    // 加载评论组件
    import comment from '../subcomponents/Comment.vue'

    export default{
        // 获取列表中id的某一项
        data(){
            return {
                id:this.$route.params.id,
                list:[],
                a:{b:876}
            }
        },
        created(){
            this.getInfo()
        },
        methods:{
            getInfo(){
                this.$http.get('satinCommentApi?id=27610708&page=2').then(ret=>{
                     var data=ret.body.data.normal;
                    this.newsList=data
                   this.list=data.list[this.id]
                })
            },
        },
        // 注册子组件
        components:{
            comment,
        }
    }
</script>

<style scoped>
    h4{
    text-align: center;
    }
    .content{
        text-indent: 24px;
    }
</style>